// pages/feedback/index.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        tabs:[
            {
                id:0,
                value:"体验问题",
                isActive:true
            },
            {
             id:1,
             value:"商品、商家投诉",
             isActive:false
           },
           ],
    // 被选中的图片
    chooseImgs:[],
    // 文本域
    textVal:""
    },
   //外网的图片路径 
   UpLoadImgs:[],
     // 根据标题索引来激活选中 标题数组
     changeTitleByIndex(index){
        let {tabs}=this.data;
        tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false)
        // 3赋值data中
        this.setData({
            tabs
        })
    },
    tabsItemChange(e){
        // 1获取被点击的标题索引
        const {index}=e.detail;
        // 2修改原数组
       this. changeTitleByIndex(index);
    // 2.重新发送请求 type=1 index=0
    this.getOrders(index+1);
    },   

    // 点击  + 选择图片
    handleChooseImg(){
    // 2调用小程序内置的选择图片api
    wx.chooseImage({
     // 同时选中图片的数量
      count: 9,
    // 图片的格式 原图 压缩
    sizeType:['original','compressed'],
    // 图片的来源 相册 照相机
    sourceType:['album','camera'],
    success:(res=>{
   this.setData({
    // 图片数组 进行拼接
    chooseImgs:[...this.data.chooseImgs,...res.tempFilePaths]
  })
    })
    })
   },
   //  点击删除当前图片
    handleRemovImg(e){
    //声明变量 获取当前 循环下标
 let {index}=e.currentTarget.dataset
   //声明变量 获取当前data中的数组 数据
  let {chooseImgs}=this.data;
//当前数组中的数据 删除  当前 一个
      chooseImgs.splice(index,1)
    // 放回data数组中
  this.setData({
    chooseImgs
  })
    },
   // 文本域的输入事件
    handleTextInput(e){
   console.log(e)
   this.setData({
    textVal:e.detail.value
   })
   },
    //提交按钮的点击事件
    handleFormSubmit(){
    // 1获取文本域的内容
   let {textVal,chooseImgs}=this.data;
   // 2 判断合法性的验证
   if(!textVal.trim()){
    wx.showToast({
      title: '输入不合法',
      icon:'none',
      mask:true
    })
    return;
    }
    // 3 准备上传图片 到专门的图片服务器
    // 上传文件的api不支持 多个文件同时上传  遍历 数组 挨个上传
    // 显示正在等待加载的图片
    wx.showLoading({
        title:'正在上传中',
        mask:true
    });
    chooseImgs.forEach((v,i)=>{
    wx.uploadFile({
        //上传的文件路径
        filePath: 'v',
        // 上传的文件名称 后台来获取文件 file
        name: "file",
        // 图片要上传到哪里
        url: 'https://images.ac.cn/api/upload',
        // 顺带的文本信息
        formData:{},
        success:(res=>{
            
            let url=JSON.parse(res.data).url;
            this.chooseImgs.push(url)
          console.log( this.chooseImgs);
        //   所有的图片吗都上传完毕了才触发
        if(i===chooseImgs.length-1){
        //    关闭提示加载框
         wx.hideLoading()

            console.log("把文本提交到后台中");
            this.setData({
                textVal:"",
                chooseImgs:[]
            });
            // 返回上一个页面
            wx.navigateBack({
              delta: 1,
            })
        }
        })
      })
    })

    // 判断有没有需要上传的图片数组
    if(chooseImgs.length !=0){
        chooseImgs.forEach((v,i)=>{
        })
    }else{
        wx.hideLoading()
        console.log("只是提交了文本");
     wx.navigateTo({
       url: '/pages/user/index32',
     })
    }
 }
    
    
})
